<template>
  <div>
    <div>
      <div v-for="item in 10" :key="item"
        class="flex j-between a-center p-10 p-v-15 b-b">
        <router-link to="/goods/detail/123" class="a-s-start">
          <img class="w-80 b-r-4 m-t-3" :src="logo" alt="">
        </router-link>
        <div class="flex-1 m-l-10">
          <router-link tag="p" to="/goods/detail/123"
            class="fs-16 text-title overflow-one">
            小红鸡炒鸡的美食
          </router-link>
          <p class="fs-12 text-grey m-t-5 overflow-one">
            家门口的美食,家门口的美食家</p>
          <p class="fs-12 text-content m-t-3">剩余数量: 2个</p>
          <p class="m-t-5">
            <span class="text-red fs-16">¥42.8</span>
            <s class="text-grey m-l-5 fs-12">¥69.0</s>
          </p>
        </div>
        <div class="m-l-10">
          <van-button size="small"
            class="bg-yellow b-none text-white">
            领折扣券</van-button>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import logo from '@/assets/images/merchant.jpg'
export default {
  data () {
    return {
      logo
    }
  }
}
</script>

<style lang="scss" scoped>
.a-s-start {
  align-self: flex-start;
}
</style>
